<?php include "header.php"; ?>
<div class="container" style="margin-top: 0px;">
	<div id="content"> <!-- Content start -->
                <div id="top_navigation"> <!-- Main navigation start -->
                    <ul>
                        <li><a href="../index.php"><i class="icon-home"></i> Home</a></li>
                        <li class="active"><a href="#"><i class="icon-calendar"></i> Appointments</a></li>
                        <li><a href="about.php"><i class="icon-user"></i> About</a></li>
                        <li><a href="contact.php"><i class="icon-envelope-alt"></i> Contact</a></li>
                    </ul>                   
                </div>  

                
            </div>
	<hr>
	<div class="row-fluid">
		<div class="span8">
			<div class="well blue">
				<div class="well-header">
					<h5 class="hidden-480">
						<strong>Find out your desired business-persons</strong>
					</h5>
				</div>

				<div class="well-content">
					<input type="text" class="span10"
						style="padding: 20px 10px; font-size: 18px;"
						placeholder="Search by name (e.g. Ahmad, Mahmood, etc.)" /> <input
						type="submit" class="span2 blue"
						style="padding: 9px 10px; font-size: 18px;" value="Search" />
					<hr>
					<ul class="thumbnails">
						<li class="span3">
							<div class="thumbnail">
								<img src="../assets/demo/preview_04.png" alt="">
								<h5>Ghulam Khan</h5>
								<p class="caption">Some lines from brief bio of business person.</p>
								<div class="buttons">
									<a href="url.php" class="btn blue">Read More</a> <a href="#"
										class="btn red">Take</a>
								</div>
							</div>
						</li>
						<li class="span3">
							<div class="thumbnail">
								<img src="../assets/demo/preview_04.png" alt="">
								<h5>Ghulam Khan</h5>
								<p class="caption">Some lines from brief bio of business person.</p>
								<div class="buttons">
									<a href="url.php" class="btn blue">Read More</a> <a href="#"
										class="btn red">Take</a>
								</div>
							</div>
						</li>
						<li class="span3">
							<div class="thumbnail">
								<img src="../assets/demo/preview_04.png" alt="">
								<h5>Ghulam Khan</h5>
								<p class="caption">Some lines from brief bio of business person.</p>
								<div class="buttons">
									<a href="url.php" class="btn blue">Read More</a> <a href="#"
										class="btn red">Take</a>
								</div>
							</div>
						</li>
						<li class="span3">
							<div class="thumbnail">
								<img src="../assets/demo/preview_04.png" alt="">
								<h5>Ghulam Khan</h5>
								<p class="caption">Some lines from brief bio of business person.</p>
								<div class="buttons">
									<a href="url.php" class="btn blue">Read More</a> <a href="#"
										class="btn red">Take</a>
								</div>
							</div>
						</li>
					</ul>
					<br>
					<ul class="thumbnails">
						<li class="span3">
							<div class="thumbnail">
								<img src="../assets/demo/preview_04.png" alt="">
								<h5>Ghulam Khan</h5>
								<p class="caption">Some lines from brief bio of business person.</p>
								<div class="buttons">
									<a href="url.php" class="btn blue">Read More</a> <a href="#"
										class="btn red">Take</a>
								</div>
							</div>
						</li>
						<li class="span3">
							<div class="thumbnail">
								<img src="../assets/demo/preview_04.png" alt="">
								<h5>Ghulam Khan</h5>
								<p class="caption">Some lines from brief bio of business person.</p>
								<div class="buttons">
									<a href="url.php" class="btn blue">Read More</a> <a href="#"
										class="btn red">Take</a>
								</div>
							</div>
						</li>
						<li class="span3">
							<div class="thumbnail">
								<img src="../assets/demo/preview_04.png" alt="">
								<h5>Ghulam Khan</h5>
								<p class="caption">Some lines from brief bio of business person.</p>
								<div class="buttons">
									<a href="url.php" class="btn blue">Read More</a> <a href="#"
										class="btn red">Take</a>
								</div>
							</div>
						</li>
						<li class="span3">
							<div class="thumbnail">
								<img src="../assets/demo/preview_04.png" alt="">
								<h5>Ghulam Khan</h5>
								<p class="caption">Some lines from brief bio of business person.</p>
								<div class="buttons">
									<a href="url.php" class="btn blue">Read More</a> <a href="#"
										class="btn red">Take</a>
								</div>
							</div>
						</li>
					</ul>
					<br> <a href="#" class="btn orange input-xlarge" style="width: 97%">Load
						More...</a>
				</div>
			</div>

		</div>

		<div class="span4">

			<div class="well">
				<div class="well-header">
					<h5>
						<strong>Business Categories</strong>
					</h5>
				</div>
				<div class="well-content">
					<ul class="nav nav-tabs nav-stacked">
						<li><a href="">Art</a></li>
						<li><a href="">Business</a></li>
						<li><a href="">Engineering</a></li>
						<li><a href="">Medecine</a></li>
						<li><a href="">Sports</a></li>
						<li><a href="">Others</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="forgot-pw1" class="modal hide fade" tabindex="-1"
	data-width="760">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal"
			aria-hidden="true">
			<i class="icon-remove"></i>
		</button>
		<h3>27th August 2013 at 12:00 PM</h3>
	</div>
	<div class="modal-body">
		<div class="row-fluid">
			<div class="span12">
				<div class="form_row">
					<label class="field_name">Appointment Type</label>
					<div class="field">
						<div class="row-fluid">
							<div class="span10">
								<select class="span12">
									<option>Choose an appointment type...</option>
									<option>Regular Visit (30 Mins @ 100.00 AFA)</option>
									<option>Friendly Visit (30 Mins @ FREE)</option>
									<option>Business (60 Mins @ 200.00 AFA)</option>
								</select>
							</div>


						</div>
					</div>
				</div>
				<div class="form_row">
					<label class="field_name">Full Name</label>
					<div class="field">
						<div class="row-fluid">
							<div class="span10">
								<input type="text" class="span12" placeholder="e.g. Ahmad Khan" />
							</div>

						</div>
					</div>
				</div>
				<div class="form_row">
					<label class="field_name">Email</label>
					<div class="field">
						<div class="row-fluid">
							<div class="span10">
								<input type="email" class="span12"
									placeholder="e.g. example@domain.com" />
							</div>

						</div>
					</div>
				</div>
				<div class="form_row">
					<label class="field_name">Phone</label>
					<div class="field">
						<div class="row-fluid">
							<div class="span10">
								<input type="phone" class="span12"
									placeholder="e.g. +93(0)7xxxxxxxx" />
							</div>

						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
	<div class="modal-footer">
		<a href="#" class="btn dark_green input-large">Take Appointment</a>
	</div>
</div>

<div id="forgot-pw2" class="modal hide fade" tabindex="-1"
	data-width="760">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal"
			aria-hidden="true">
			<i class="icon-remove"></i>
		</button>
		<h3>Schedule New Appointment</h3>
	</div>
	<div class="modal-body">
		<div class="row-fluid">
			<div class="span12">
				<div class="form_row">
					<label class="field_name">Choose a time</label>
					<div class="field">
						<div class="row-fluid">
							<div class="span10">
								<div class="span12 input-append date form_datetime3"
									data-date="2013-02-21T15:25:00Z">
									<input size="16" type="text" value="" readonly class="span10">
									<span class="add-on"><i class="icon-remove"></i></span> <span
										class="add-on"><i class="icon-calendar"></i></span>
								</div>
							</div>

						</div>
					</div>
				</div>
				<div class="form_row">
					<label class="field_name">Appointment Type</label>
					<div class="field">
						<div class="row-fluid">
							<div class="span10">
								<select class="span12">
									<option>Choose an appointment type...</option>
									<option>Regular Visit (30 Mins @ 100.00 AFA)</option>
									<option>Friendly Visit (30 Mins @ FREE)</option>
									<option>Business (60 Mins @ 200.00 AFA)</option>
								</select>
							</div>


						</div>
					</div>
				</div>
				<div class="form_row">
					<label class="field_name">Full Name</label>
					<div class="field">
						<div class="row-fluid">
							<div class="span10">
								<input type="text" class="span12" placeholder="e.g. Ahmad Khan" />
							</div>

						</div>
					</div>
				</div>
				<div class="form_row">
					<label class="field_name">Email</label>
					<div class="field">
						<div class="row-fluid">
							<div class="span10">
								<input type="email" class="span12"
									placeholder="e.g. example@domain.com" />
							</div>

						</div>
					</div>
				</div>
				<div class="form_row">
					<label class="field_name">Phone</label>
					<div class="field">
						<div class="row-fluid">
							<div class="span10">
								<input type="phone" class="span12"
									placeholder="e.g. +93(0)7xxxxxxxx" />
							</div>

						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
	<div class="modal-footer">
		<a href="#" class="btn dark_green input-large">Make Appointment</a>
	</div>
</div>


<?php include "footer.php"; ?>